<%-- 
    Document   : pregunta
    Created on : 19/01/2013, 01:28:16 AM
    Author     : rpalacios
--%>
<div class="row-fluid">

    <div class="span8">
        
        
        <!-- pregunta -->
        <ul class="media-list">
            <li class="media">
                <div class="span12 outlined">
            <div class="span12" style="text-align: right;border-bottom: 1px solid #e3e3e3; padding-bottom: 2px;">
                <a class="btn btn-cancelar" href="#">Eliminar Pregunta</a>
                <a class="btn btn-cancelar" href="#">Cerrar Pregunta</a>
            </div> 

            <div class="span12" style="padding-top:">
                <div class="span2">
                    <h4>
                        <img data-src="holder.js/100x100" class="img-rounded" alt="100x100" style="width: 100px; height: 100px;" src="">
                    </h4>

                </div>
                <div class="span10">


                    <span class="span11">
                        <h4>Pregunta 0</h4>
                    </span>
                    <span class="span11 outline-top">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                    </span>
                    <span class="span11" >  <a style="float: right; clear: both; padding-bottom: 2px;" class="btn btn-info" href="#">Comentar</a></span>

                    <!-- comentario INTERNO -->
                    <div id="comentario-id" class="outline-top span11" style="padding-top:5px;">
                        <div class="span2">
                            <h4>
                                <img data-src="holder.js/80x80" class="img-rounded" alt="80x80" style="width: 80px; height: 80px;" src="">
                            </h4>

                        </div>
                        <div class="span10">
                            <span class="span12">
                                2Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

                            </span>
                            <span  style="float: right">  <a class="btn btn-info" href="#">Comentar</a></span>

                            <!-- comentarios -->
                            <!-- fin comentarios -->

                        </div>


                    </div>
                    <!-- fin comentario INTERNO -->
                    <!-- comentario INTERNO -->
                    <div id="comentario-id" class="outline-top span11" style="padding-top:5px;">
                        <div class="span2">
                            <h4>
                                <img data-src="holder.js/80x80" class="img-rounded" alt="80x80" style="width: 80px; height: 80px;" src="">
                            </h4>

                        </div>
                        <div class="span10">
                            <span class="span12">
                                2Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

                            </span>
                            <span  style="float: right">  <a class="btn btn-info" href="#">Comentar</a></span>

                            <!-- comentarios -->
                            <!-- comentario INTERNO -->
                            <div id="comentario-id" class="outline-top span12" style="padding-top:5px;">
                                <div class="span2">
                                    <h4>
                                        <img data-src="holder.js/80x80" class="img-rounded" alt="80x80" style="width: 80px; height: 80px;" src="">
                                    </h4>

                                </div>
                                <div class="span10">
                                    <span class="span12">
                                        2Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

                                    </span>
                                    <span  style="float: right">  <a class="btn btn-info" href="#">Comentar</a></span>

                                    <!-- comentarios -->
                                    <!-- fin comentarios -->

                                </div>


                            </div>
                            <!-- fin comentario INTERNO -->
                            
                            <!-- fin comentarios -->

                        </div>


                    </div>
                    <!-- fin comentario INTERNO -->
                             <!-- comentario INTERNO -->
                    <div id="comentario-id" class="outline-top span11" style="padding-top:5px;">
                        <div class="span2">
                            <h4>
                                <img data-src="holder.js/80x80" class="img-rounded" alt="80x80" style="width: 80px; height: 80px;" src="">
                            </h4>

                        </div>
                        <div class="span10">
                            <span class="span12">
                                2Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

                            </span>
                            <span  style="float: right">  <a class="btn btn-info" href="#">Comentar</a></span>

                            <!-- comentarios -->
                            <!-- fin comentarios -->

                        </div>


                    </div>
                    <!-- fin comentario INTERNO -->
                    
                    <!-- fin comentarios -->
                </div>
<div class="span12">
                        Ingresa tu comentario:
                        <div class="span2"></div>
                        <div class="span9 outlined" style="min-height: 150px"></div>
                        <div class="span11" style="clear: both;text-align: right">
                              <span style="margin-right: 9px; margin-top: 3px;" >  <a class="btn btn-info" href="#">Comentar</a></span>
                        </div>
                              
                        
                    </div>
            </div>
        </div>
                
            </li>
            <li class="media">
                
                <div class="span12 outlined">
            <div class="span12" style="text-align: right;border-bottom: 1px solid #e3e3e3; padding-bottom: 2px;">
                <a class="btn btn-cancelar" href="#">Eliminar Respuesta</a>
                <a class="btn btn-cancelar" href="#">Escoger como mejor respuesta</a>
            </div> 

            <div class="span12" style="padding-top:">
                <div class="span2">
                    <h4>
                        <img data-src="holder.js/100x100" class="img-rounded" alt="100x100" style="width: 100px; height: 100px;" src="">
                    </h4>

                </div>
                <div class="span10">


                   
                    <span class="span11 outline-top">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                    </span>
                    <span class="span11" >  <a style="float: right; clear: both; padding-bottom: 2px;" class="btn btn-info" href="#">Comentar</a></span>

                    <!-- comentario INTERNO -->
                    <div id="comentario-id" class="outline-top span11" style="padding-top:5px;">
                        <div class="span2">
                            <h4>
                                <img data-src="holder.js/80x80" class="img-rounded" alt="80x80" style="width: 80px; height: 80px;" src="">
                            </h4>

                        </div>
                        <div class="span10">
                            <span class="span12">
                                2Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

                            </span>
                            <span  style="float: right">  <a class="btn btn-info" href="#">Comentar</a></span>

                            <!-- comentarios -->
                            <!-- fin comentarios -->

                        </div>


                    </div>
                    <!-- fin comentario INTERNO -->
                   
                       
                    
                    <!-- fin comentarios -->
                </div>
<div class="span12">
                        Ingresa tu comentario:
                        <div class="span2"></div>
                        <div class="span9 outlined" style="min-height: 150px"></div>
                        <div class="span11" style="clear: both;text-align: right">
                              <span style="margin-right: 9px; margin-top: 3px;" >  <a class="btn btn-info" href="#">Comentar</a></span>
                        </div>
                              
                        
                    </div>
            </div>
        </div>
            </li>
            <li class="media">
                
                <div class="span12 outlined">
            <div class="span12" style="text-align: right;border-bottom: 1px solid #e3e3e3; padding-bottom: 2px;">
                <a class="btn btn-cancelar" href="#">Eliminar Respuesta</a>
                <a class="btn btn-cancelar" href="#">Escoger como mejor respuesta</a>
            </div> 

            <div class="span12" style="padding-top:">
                <div class="span2">
                    <h4>
                        <img data-src="holder.js/100x100" class="img-rounded" alt="100x100" style="width: 100px; height: 100px;" src="">
                    </h4>

                </div>
                <div class="span10">


                   
                    <span class="span11 outline-top">
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                    </span>
                    <span class="span11" >  <a style="float: right; clear: both; padding-bottom: 2px;" class="btn btn-info" href="#">Comentar</a></span>

                    <!-- comentario INTERNO -->
                    <div id="comentario-id" class="outline-top span11" style="padding-top:5px;">
                        <div class="span2">
                            <h4>
                                <img data-src="holder.js/80x80" class="img-rounded" alt="80x80" style="width: 80px; height: 80px;" src="">
                            </h4>

                        </div>
                        <div class="span10">
                            <span class="span12">
                                2Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

                            </span>
                            <span  style="float: right">  <a class="btn btn-info" href="#">Comentar</a></span>

                            <!-- comentarios -->
                            <!-- fin comentarios -->

                        </div>


                    </div>
                    <!-- fin comentario INTERNO -->
                   
                       
                    
                    <!-- fin comentarios -->
                </div>
<div class="span12">
                        Ingresa tu comentario:
                        <div class="span2"></div>
                        <div class="span9 outlined" style="min-height: 150px"></div>
                        <div class="span11" style="clear: both;text-align: right">
                              <span style="margin-right: 9px; margin-top: 3px;" >  <a class="btn btn-info" href="#">Comentar</a></span>
                        </div>
                              
                        
                    </div>
            </div>
        </div>
            </li>
        </ul>
        
        <p></p>
        
        <!-- fin de pregunta -->
    </div>
    <div id="sidebar" class="span4">

        <h2>Tag Cloud</h2>

        <br />
        <div  class="tagcloud">
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>
            <a href="#" ><strong>Lorem  </strong></a>
            <a href="#" ><strong>Ipsum  </strong></a>

        </div>


        <div class="input-append">
            <input class="span9" id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
        </div>

        <br />




        <h2>Mis preguntas</h2>
        <ul>
            <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
            <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
        </ul>
        <br />

        <h2>Respuestas pendientes</h2>
        <ol>
            <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
            <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
            <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
        </ol>
        <br />



    </div>
</div>